<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="/WEB-INF/fns.tld" prefix="fns" %>
<%@taglib uri="/WEB-INF/bgt.tld" prefix="bgt" %>
<%@taglib uri="/WEB-INF/but.tld" prefix="but" %>
<%@ taglib prefix="ex" uri="/WEB-INF/custom.tld"%>
<%@ taglib prefix="sys" tagdir="/WEB-INF/tags/sys" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!
DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>超市账单管理系统</title>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">
.pages a {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #666666;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin: 10px 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	text-decoration: none;
	cursor: pointer;
}

.pages span {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #666666;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin: 10px 4px;
}

/* .pages {
	position: fixed;
	right: 30px;
	bottom: 60px;
} */
</style>
  <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
	$(".providerAdd").hide();
	$(".userView").click(function(){
		$.ajax({
					"url" : "JSONuser-getUserById.do",
					"type" : "get",
					"data" : "userId=" + $(this).attr("userId"),
					"dataType" : "json",
					"success" : function(data) {
					$(".providerAdd").show();
					//alert(data);
						if ("nodata" == data) {
							alert("没有数据");
						} else {
							$("#userCode").val(data.userCode);
							$("#userName").val(data.userName);
							if(data.gender=="1"){
							$("#gender").val("女");
							}else if(data.gender=="2"){
							$("#gender").val("男");
							}
							$("#birthday").val(data.birthday);
							$("#phone").val(data.phone);
							$("#address").val(data.address);
							$("#userRole").val(data.userRoleName);
							$("#creationDate").val(data.creationDate);
						
						}
					}
			
		});
	});
})
	
</script>
</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市账单管理系统</h1>
		<div class="publicHeaderR">
        <p><span>下午好！</span><span style="color: #fff21b"> ${USER.userName }</span> , 欢迎你！</p>
        <a href="user-login.do?opr=loginOut">退出</a>
    </div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>功能列表 <span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="bill-getBillList.do">账单管理</a></li>
	                <li><a href="provider-getProviderList.do">供应商管理</a></li>
	                <li id="active"><a href="user-getUserList.do">用户管理</a></li>
	                <li><a href="user-updatePwd.do?opr=show">密码修改</a></li>
	                <li><a href="user-login.do?opr=loginOut">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<div class="location">
				<strong>你现在所在的位置是:</strong> <span>用户管理</span>
				-${fns:getDictValue("1") }-
				<bgt:hasUrlPerm link="abc.do">
   					 <div>tttttttttttttttttest</div>
    			</bgt:hasUrlPerm>/
    			<bgt:hasUrlPerm link="bc.do">
   					 <div>22222222222</div>
    			</bgt:hasUrlPerm>
			</div>
			<div class="search">
			<form action="user-getUserList.do" method="get" id="form1">
				<span>用户名：</span> <input type="text" placeholder="请输入用户名" name="userName" value="${userName }"/> <input
					type="button" value="查询"  onclick="javascript:document.forms['form1'].submit()" /> <a href="user-addUser.do?opr=show">添加用户</a>
					</form>
			</div>
			<!--用户-->
			<table class="providerTable" cellpadding="0" cellspacing="0">
				<tr class="firstTr">
					<th width="10%">用户编码<but:btu alt="你好" image="/image/123.jpg" url="abc.do" value="hello" user="呱唧呱唧"></but:btu></th>
					<th width="20%">用户名</th>
					<th width="10%">性别</th>
					<th width="10%">年龄</th>
					<th width="10%">电话</th>
					<th width="10%">用户类型</th>
					<th width="30%">操作</th>
				</tr>
				<c:forEach items="${page.rows }" var="u">
					<tr>
						<td>${u.userCode }</td>
						<td>${u.userName }</td>
						<td>${u.gender==1?"女":"男" }-${fns:getDictValue(u.gender) }</td>
						<td>${u.age }${fns:toJSONString(u) }</td>
						<td>${u.phone }</td>
						<td>${u.userRoleName }</td>
						<td>
							<%-- <a href="user-getUserById.do?userId=${u.id}&opr=View">
								<img src="img/read.png" alt="查看" title="查看" />
							</a> --%> 
							<a href="#" userId=${u.id} class="userView">
								<img src="img/read.png" alt="查看" title="查看" />
							</a> 
							<a href="user-getUserById.do?userId=${u.id}&opr=Update">
								<img src="img/xiugai.png" alt="修改" title="修改" />
							</a> 
							<a href="#" class="removeUser" id=${u.id}>
								<img src="img/schu.png" alt="删除" title="删除" />
							</a>
						</td>
					</tr>
				</c:forEach>
				
			</table>
			<p align="right" class="pages">
				<a href="user-getUserList.do?currentPage=1&userName=${userName }">首页</a>
				<c:if test="${page.currentPage>1}">
				&#160;&#160;&#160;&#160;
				<a href="user-getUserList.do?currentPage=${page.currentPage-1}&userName=${userName }">上一页</a>
				</c:if>
				<c:if test="${page.currentPage<page.totalPage}">
				&#160;&#160;&#160;&#160;
				<a href="user-getUserList.do?currentPage=${page.currentPage+1}&userName=${userName }">下一页</a>
				</c:if>
				<c:if test="${page.totalPage>0}">
				&#160;&#160;&#160;&#160; 
				<a href="user-getUserList.do?currentPage=${page.totalPage}&userName=${userName }">尾页</a>
				</c:if>
				<c:if test="${page.totalPage>0}">
				&#160;&#160;&#160;&#160;
				<span>当前页数:[${page.currentPage}/${page.totalPage} ]</span>
				</c:if>
			</p>
		 <div class="providerAdd">
            
                <div class="">
                    <label for="userId">用户编码：</label>
                    <input type="text" name="userCode" id="userCode"  />
                    <span id="MsgUserCode">*请输入用户编码，且不能重复</span>
                </div>
                <div>
                    <label for="userName">用户名称：</label>
                    <input type="text" name="userName" id="userName"/>
                    <span >*请输入用户名称</span>
                </div>
              
                <div>
                    <label >用户性别：</label>
					<input type="text" name="gender" id="gender"/>
                    <span></span>
                </div>
                <div>
                    <label for="data">出生日期：</label>
                    <input type="text" name="birthday" id="birthday"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="creationDate">创建时间：</label>
                    <input type="text" name="creationDate" id="creationDate"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="userphone">用户电话：</label>
                    <input type="text" name="phone" id="phone"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="userAddress">用户地址：</label>
                    <input type="text" name="address" id="address"/>
                </div>
                <div>
                    <label >用户类型：</label>
                    <input type="text" name="userRole" id="userRole"/>
					
                </div>
            
               
      </div>
		</div>
	
	</section>

	<!--点击删除按钮后弹出的页面-->
	<div class="zhezhao"></div>
	<div class="remove" id="removeUse">
		<div class="removerChid">
			<h2>提示</h2>
			<div class="removeMain">
				<p>你确定要删除该用户吗？</p>
				<a href="#" id="yes">确定</a> <a href="#" id="no">取消</a>
			</div>
		</div>
	</div>

	<footer class="footer"> 版权归卓尔科技<ex:Hello/> </footer>

	<script src="js/jquery.js"></script>
	<script src="js/js.js"></script>
	<script src="js/time.js"></script>

</body>
</html>